<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/static/plugins/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="/static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/js/botany.js"></script>
<script type="text/javascript" src="/static/js/fancyBox/jquery.fancybox.pack.js"></script>
    <link href="../../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/js/fancyBox/jquery.fancybox.css" rel="stylesheet">
    <link href="../../static/css/bootstrap-fileinput.css" rel="stylesheet">
    <script type="text/javascript" src="/static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="../../static/plugins/jquery-easyui/themes/super/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../static/plugins/jquery-easyui/themes/super/superRed.css" id="themeCss">
    <link rel="stylesheet" href="../../static/css/layui.css">
    <link rel="stylesheet" href="../../static/css/global.css">
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
    <script type="text/javascript">
        $(function () {
            $('.fancybox').fancybox();
        });

    </script>
</head>
<body>

<div class="easyui-layout" fit="true">
    <div data-options="region:'center'">
        <div id="dept_datagrid"></div>
    </div>

    <!--北方-->
    <div data-options="region:'north',height:150" id="headers">
        <div class="container demo-1">
            <div id="large-header" class="large-header">
                <canvas id="demo-canvas"></canvas>
                <h1 class="main-title">菌类信息库<br/> <br/>
                    <small style="font-size: 16px;">菌类信息库已收录2112种菌类</small>
                </h1>
            </div>
        </div>
    </div>
    <!--南方-->
    <div data-options="region:'south',height:40,split:true">
        <p align="center">版权所有</p>
    </div>
    <!--西方-->
    <div data-options="region:'west',width:150">

    </div>

    <!--东方-->
    <div data-options="region:'east',width:150">

    </div>

</div>





<div id="toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add()">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">编辑</a>
    <a class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="remove()">删除</a>
    <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="reload()">刷新</a>
    <input class="easyui-textbox" id="keyword" prompt="请输入俗名/以及分类"/>
    <select class="easyui-combobox" id="classifs" style="width:200px;">
        <option value="name">俗名</option>
        <option value="men">门</option>
        <option value="gang">纲</option>
        <option value="mu">木</option>
        <option value="ke">科</option>
        <option value="shu">属</option>
        <option value="zhong">种</option>
    </select>
    <a class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searching()"></a>
</div>


<div id="dept_btns">
    <a class="easyui-linkbutton" id="jindu" iconCls="icon-save" plain="true" onclick="save()">保存</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="cancel()">取消</a>
</div>


<div id="dept_dialog" >
    <form id="dept_form" method="post" enctype="multipart/form-data">
        <table align="center" style="margin-top: 10px">
            <input type="hidden" name="id"/>
            <tr>
                <td>俗名:</td>
                <td><input name="name" class="easyui-textbox" iconCls="icon-man" prompt="请输入名字"></td>
            </tr>

            <tr>
                <td>门:</td>
                <td><input name="men" class="easyui-textbox"></td>
            </tr>
            <tr>
                <td>纲:</td>
                <td><input name="gang" class="easyui-textbox"></td>
            </tr>

            <tr>
                <td>目:</td>
                <td><input name="mu" class="easyui-textbox"></td>
            </tr>


           <tr>
                <td>科:</td>
                <td><input name="ke" class="easyui-textbox"></td>
            </tr>

            <tr>
                <td>属:</td>
                <td><input name="shu" class="easyui-textbox"></td>
            </tr>

            <tr>
                <td>种:</td>
                <td><input name="zhong" class="easyui-textbox"></td>
            </tr>

            <tr>
                <td>描述:</td>
                <td><textarea name="description"></textarea></td>
            </tr>

            <tr>
                <td>录入人:</td>
                <td><input name="user" class="easyui-textbox"></td>
            </tr>

            <tr>
                <td>图片:</td>
                <td><div class="form-group">
                    <div class="fileinput fileinput-new" data-provides="fileinput"  id="exampleInputUpload">
                        <div class="fileinput-new thumbnail" style="width: 200px;height: auto;max-height:150px;">
                            <img id='picImg' style="width: 100%;height: auto;max-height: 140px;" src="../../static/images/noimage.png" alt="" />
                        </div>
                        <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                        <div>
                        <span class="btn btn-primary btn-file">
                            <span class="fileinput-new">选择</span>
                            <span class="fileinput-exists">提交</span>
                            <input type="file" name="pic" id="picID" accept="image/gif,image/jpeg,image/x-png"/>
                        </span>
                            <a href="javascript:;" class="btn btn-warning fileinput-exists" data-dismiss="fileinput">重选</a>
                        </div>
                    </div>
                </div></td>
            </tr>

        </table>
    </form>
</div>

<script src="../../static/js/layui.js"></script>
<script type="text/html" id="titleTpl">
    <img src="{{d.picture}}" style="height: 100px">
</script>

<%--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></scri--%>pt>
<script src="../../static/js/bootstrap-fileinput.js"></script>
<script src="../../static/js/TweenLite.min.js"></script>
<script src="../../static/js/EasePack.min.js"></script>
<script src="../../static/js/rAF.js"></script>
<script src="../../static/js/demo-1.js"></script>
</body>
</html>
